<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>员工详细信息表</title>
    <link rel="stylesheet" th:href="@{/css/bootstrap4.6.2.css}">
    <script th:src="@{/js/jquery-3.3.1.slim.min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
</head>
<body>
<table class="table table-striped">
    <thead>
    <tr>
        <th scope="col">部门编号</th>
        <th scope="col">部门名称</th>
        <th scope="col">部门地点</th>
        <th colspan="7">员工信息</th>
    </tr>
    </thead>
    <tbody>
    <!--    model  -->
    <tr th:each="dept :${all}">
        <th scope="row" th:text="${dept.deptNo}"></th>
        <td th:text="${dept.dName}"></td>
        <td th:text="${dept.loc}"></td>
        <td colspan="7">
            <table>
                <tr>
                    <th scope="col">编号</th>
                    <th scope="col">姓名</th>
                    <th scope="col">职位</th>
                    <th scope="col">领导</th>
                    <th scope="col">入职日期</th>
                    <th scope="col">工资</th>
                    <th scope="col">奖金</th>
                    <th scope="col">编辑</th>
                </tr>
                <tr th:each="emp :${dept.empList}">
                    <td th:text="${emp.empNo}"></td>
                    <td th:text="${emp.eName}"></td>
                    <td th:text="${emp.job}"></td>
                    <td th:text="${emp.mgr}"></td>
                    <td th:text="${#dates.format(emp.hireDate, 'yyyy-MM-dd')}"></td>
                    <td th:text="${emp.sal}"></td>
                    <td th:text="${emp.comm}"></td>
                    <td>
                        <a href="">删除</a>
                        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal"
                                th:data-whatever="${emp.empNo}">修改
                        </button>
                    </td>
                </tr>
            </table>

        </td>

    </tr>
    </tbody>
</table>
</body>
</html>